<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>华丽的HTML5/CSS3输入框聚焦发光动画表单DEMO演示</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
<main>
    <form class="form">
        <div class="form__cover"></div>
        <div class="form__loader">
            <div class="spinner active">
                <svg class="spinner__circular" viewBox="25 25 50 50">
                    <circle class="spinner__path" cx="50" cy="50" r="20" fill="none" stroke-width="4"
                            stroke-miterlimit="10"></circle>
                </svg>
            </div>
        </div>
        <div class="form__content">
            <h1>Authorization</h1>
            <div class="styled-input">
                <input type="text" class="styled-input__input" id="userName" name="nickname">
                <div class="styled-input__placeholder"><span class="styled-input__placeholder-text">Username</span>
                </div>
                <div class="styled-input__circle"></div>
            </div>
            <div class="styled-input">
                <input type="text" class="styled-input__input" id="password">
                <div class="styled-input__placeholder"><span class="styled-input__placeholder-text">Password</span>
                </div>
                <div class="styled-input__circle"></div>
            </div>
            <button type="button" class="styled-button" onclick="mmyz()" style="display: none"><span class="styled-button__real-text-holder"> <span
                    class="styled-button__real-text">Submit</span> <span class="styled-button__moving-block face"> <span
                    class="styled-button__text-holder"> <span
                    class="styled-button__text">Submit</span> </span> </span><span
                    class="styled-button__moving-block back"> <span class="styled-button__text-holder"> <span
                    class="styled-button__text" >Submit</span> </span> </span> </span></button>
        </div>
    </form>
</main>
<script src="js/index.js"></script>
<script>
    function mmyz() {
        var userName = document.getElementById("userName").value
        var password = document.getElementById("password").value;
        if (userName === "gsdjhfbjhasbdfkhasjdhbaskjdhk" && password === "asdhiuashfkahskjkja") {
            alert("woc有点东西")
            window.location.href=""
        }else {
            alert("low")
        }
    }
</script>
</body>
</html>
